<script src="../asynx.js"></script>
<script src="../dom/dom.js"></script>
<script src="../impl/array.js"></script>
<script src="../impl/util.js"></script>
<script src="../impl/cookie.js"></script>
<script src="../impl/ajax.js"></script>
<script src="../impl/lang.js"></script>
<script src="../dom/xpath.js"></script>
<script src="../dom/selector.js"></script>
<script src="../event/event.js"></script>

<script src="../plugins/drag/drag.js"></script>
<script src="../plugins/animation/anim.js"></script>
<script src="../plugins/datalist/datalist.js"></script>
<script src="../plugins/autocomplete/autocomplete.js"></script>
<script src="../plugins/windows/windows.js"></script>

<link href="../asynx.css" rel="stylesheet" type="text/css" />

<style>
	
	.container{
		width:400px;
	}
	
</style>

<h1>asynx window</h1>

<div id="log">log</div>

<button id="fire">Overlay</button>

<div class="container">


    <div class="asynx-window-tl">
        <div class="asynx-window-tr">
            <div class="asynx-window-tc">
            	<div class="asynx-window-header asynx-cursor-move asynx-column-icon icon-help">asynx-window-header</div>
            </div>    
        </div>
    </div>

	
	<div class="asynx-window-bwrap">
		<div class="asynx-window-ml">
	    	<div class="asynx-window-mr">
	        	<div class="asynx-window-mc">
	            	
					<div style="overflow:auto;">
						<em>O Brasil pode estar indo devagar. Mas o mercado de PCs est&aacute;  acelerado. Parece que vai crescer 23% este ano, e a pisada vai ser da&iacute;  pra frente ano que vem...</em><br>
						<br>
						O Brasil, sabemos todos, &eacute; o pa&iacute;s das desigualdades. Digitais, inclusive. Havia at&eacute; um esfor&ccedil;o, <a href="http://blog.meira.com/2007/05/16/lei-mercadante-da-mais-um-passo/" target="BLANK">andando bem, no Senado</a>,  para levar banda larga &agrave;s escolas p&uacute;blicas. Mas tudo parou com o  RenanGate. E as escolas provavelmente v&atilde;o ficar mais um ano sem  or&ccedil;amento pra entrar de verdade da internet. Talvez esta seja mais uma  raz&atilde;o (como se fosse preciso) pra resolverem logo o problema do  senador. <br>
						<br>
						Mas h&aacute; novidades. Muitas, e boas. Enquanto a pol&iacute;tica  e economia nacionais avan&ccedil;am a passo de imp&aacute;vido c&aacute;gado, as pessoas,  guiadas pelo sentimento de que ferramentas computacionais s&atilde;o  essenciais para a educa&ccedil;&atilde;o de seus filhos e para suas vidas, resolveram  criar espa&ccedil;o, em seus or&ccedil;amentos, pra informatizar suas casas. Em bom  portugu&ecirc;s, o varejo est&aacute; vendendo computadores como nunca, e em  condi&ccedil;&otilde;es in&eacute;ditas -- estas sim -- na hist&oacute;ria deste pa&iacute;s.
					</div>
					
				</div>
	        </div>
	    </div>
	
		<div class="asynx-window-bl">
	    	<div class="asynx-window-br">
	        	<div class="asynx-window-bc"></div>
	        </div>
	    </div>
    </div>
	
</div>

<script>


asynx('fire').click(function() {
	
	var overlay = new asynx.windows.overlay({
		alpha: 60,
		fixzIndex: false,
		onStart: function() {
			asynx("div.container").css({zIndex:10});
		}
	});
	overlay.show();
	
});

	
var d = new asynx.drag('div.container');
d.setDragHandle('div.asynx-window-tc');

</script>
